<template>
  <div class="wrapper">
    <div class="main-content">
      <el-row :gutter="32">
        <el-col :md="6" :sm="8" :xs="12" v-for="index in 16" :key="index">
          <div class="inner">
            <p>Swamp Drive</p>
            <span>363 Cedar Lincoln Park,</span>
            <span>MI 48146</span>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: 'PageOutLate',
  data () {
    return {
    }
  }
}
</script>

<style lang="scss" scoped>

  .wrapper{
    padding: 30px 0 60px;

    .main-content{
      max-width: 1110px;
      width: 100%;
      margin: 0px auto;

      .inner{
        text-align: left;
        margin-bottom: 18px;

        p{
          margin-bottom: 8px;
          color: #333333;
          font-size: 12px;
        }

        span{
          display: block;
          font-size: 11px;
          color: #777777;
          line-height: 16px;
        }

      }

    }

  }

</style>
